<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <title>购车资料</title>
    <script type="text/javascript" src="js/flexible2.0.js"></script>
    <link rel="stylesheet" type="text/css" href="css/common.css">
    <link rel="stylesheet" type="text/css" href="css/style.css">
</head>

<body>
    <div class="coms-container page-upload-gczl">
        <form action="">
            <div class="caption-1 clearfix"><span class="tit">车牌号</span></div>
            <div class="item-cph">
                <label class="lab">闽D</label>
                <input type="text" class="ipt-cph" placeholder="请输入车牌号" />
            </div>
            <!-- 驾驶证未上传 start -->
            <div class="caption-1 clearfix">
                <span class="tit">客户行驶证</span>
                <div class="case-tip" data-w="750" data-h="529" data-src="images/case/case_img_jsz.jpg">
                    <i class="iconfont icon-Exclamation_mark"></i>查看示例照片
                </div>
            </div>
            <div class="coms-plupload-container upload-gczl">
                <ul class="coms-upload-list clearfix">
                </ul>
                <a id="J_pickfiles1" class="btn-pickfiles upload-default J_pickfiles1" href="javascript:;"></a>
            </div>
            <!-- 驾驶证未上传 end -->
            <!-- 驾驶证审核中  start -->
            <div class="caption-1 clearfix">
                <span class="tit">客户行驶证</span>
                <div class="case-tip" data-w="750" data-h="529" data-src="images/case/case_img_jsz.jpg">
                    <i class="iconfont icon-Exclamation_mark"></i>查看示例照片
                </div>
            </div>
            <div class="upload-haspic auditing" data-src="https://wnworld.com/uploads/jjd/banner_01.jpg">
                <div class="pic"><img src="uploads/01.png"></div>
                    <p class="reupload"><i class="iconfont icon-shequneiicon-"></i></p>
                    <p class="tip">审核中</p>
                </div>
                <!-- 驾驶证审核中  end -->
                <!-- 驾驶证失败  start -->
                <div class="caption-1 clearfix">
                    <span class="tit">客户行驶证</span>
                    <div class="case-tip" data-w="750" data-h="529" data-src="images/case/case_img_jsz.jpg">
                        <i class="iconfont icon-Exclamation_mark"></i>查看示例照片
                    </div>
                </div>
                <div class="upload-haspic fail">
                    <div class="pic"><img src="uploads/01.png"></div>
                        <div class="coms-plupload-container upload-gczl">
                            <ul class="coms-upload-list clearfix">
                            </ul>
                            <p class="reupload J_pickfiles1"><i class="iconfont icon-shequneiicon-"></i></p>
                        </div>
                        <p class="tip">未通过，请重新上传</p>
                    </div>
                    <!-- 驾驶证失败  end -->
                    <!-- 驾驶证审核通过  start -->
                    <div class="caption-1 clearfix">
                        <span class="tit">客户行驶证</span>
                        <!-- <div class="case-tip" data-w="750" data-h="529" data-src="images/case/case_img_jsz.jpg">
                <i class="iconfont icon-Exclamation_mark"></i>查看示例照片
            </div> -->
                    </div>
                    <div class="upload-haspic success" data-src="uploads/01.png">
                        <div class="pic"><img src="uploads/01.png"></div>
                            <p class="reupload"><i class="iconfont icon-shequneiicon-"></i></p>
                            <p class="tip">审核通过</p>
                        </div>
                        <!-- 驾驶证审核通过  end -->
    <!--  -->
                        <div class="caption-1 clearfix">
                            <span class="tit">保险单</span>
                            <div class="case-tip" data-w="750" data-h="991" data-src="images/case/case_img_bxd.jpg">
                                <i class="iconfont icon-Exclamation_mark"></i>查看示例照片
                            </div>
                        </div>
                        <div class="coms-plupload-container upload-gczl">
                            <ul class="coms-upload-list clearfix">
                            </ul>
                            <a  class="J_pickfiles2 btn-pickfiles upload-default" href="javascript:;"></a>
                        </div>

                        <div class="caption-1 clearfix">
                            <span class="tit">保险单</span>
                            <div class="case-tip" data-w="750" data-h="991" data-src="images/case/case_img_bxd.jpg">
                                <i class="iconfont icon-Exclamation_mark"></i>查看示例照片
                            </div>
                        </div>

                        <div class="upload-haspic auditing" data-src="https://wnworld.com/uploads/jjd/banner_01.jpg">
                <div class="pic"><img src="uploads/01.png"></div>
                    <p class="reupload"><i class="iconfont icon-shequneiicon-"></i></p>
                    <p class="tip">审核中</p>
                </div>


                <div class="caption-1 clearfix">
                            <span class="tit">保险单</span>
                            <div class="case-tip" data-w="750" data-h="991" data-src="images/case/case_img_bxd.jpg">
                                <i class="iconfont icon-Exclamation_mark"></i>查看示例照片
                            </div>
                        </div>
<div class="upload-haspic fail">
                    <div class="pic"><img src="uploads/01.png"></div>
                        <div class="coms-plupload-container upload-gczl">
                            <ul class="coms-upload-list clearfix">
                            </ul>
                            <p class="reupload J_pickfiles2"><i class="iconfont icon-shequneiicon-"></i></p>
                        </div>
                        <p class="tip">未通过，请重新上传</p>
                    </div>


                        <div class="caption-1 clearfix">
                            <span class="tit">保险单</span>
                            <!-- <div class="case-tip" data-w="750" data-h="991" data-src="images/case/case_img_bxd.jpg">
                                <i class="iconfont icon-Exclamation_mark"></i>查看示例照片
                            </div> -->
                        </div>

                        <div class="upload-haspic success" data-src="uploads/01.png">
                        <div class="pic"><img src="uploads/01.png"></div>
                            <p class="reupload"><i class="iconfont icon-shequneiicon-"></i></p>
                            <p class="tip">审核通过</p>
                        </div>







                        <div class="caption-1 clearfix">
                            <span class="tit">登记单</span>
                            <div class="case-tip" data-w="750" data-h="1050" data-src="images/case/case_img_djd.jpg">
                                <i class="iconfont icon-Exclamation_mark"></i>查看示例照片
                            </div>
                        </div>
                        <div class="coms-plupload-container upload-gczl">
                            <ul class="coms-upload-list clearfix">
                            </ul>
                            <a  class="btn-pickfiles upload-default J_pickfiles3" href="javascript:;"></a>
                        </div>




                        <div class="caption-1 clearfix">
                            <span class="tit">登记单</span>
                            <div class="case-tip" data-w="750" data-h="1050" data-src="images/case/case_img_djd.jpg">
                                <i class="iconfont icon-Exclamation_mark"></i>查看示例照片
                            </div>
                        </div>
                        <div class="upload-haspic auditing" data-src="https://wnworld.com/uploads/jjd/banner_01.jpg">
                <div class="pic"><img src="uploads/01.png"></div>
                    <p class="reupload"><i class="iconfont icon-shequneiicon-"></i></p>
                    <p class="tip">审核中</p>
                </div>


                        <div class="caption-1 clearfix">
                            <span class="tit">登记单</span>
                            <div class="case-tip" data-w="750" data-h="1050" data-src="images/case/case_img_djd.jpg">
                                <i class="iconfont icon-Exclamation_mark"></i>查看示例照片
                            </div>
                        </div>

                        <div class="upload-haspic fail">
                    <div class="pic"><img src="uploads/01.png"></div>
                        <div class="coms-plupload-container upload-gczl">
                            <ul class="coms-upload-list clearfix">
                            </ul>
                            <p class="reupload J_pickfiles3"><i class="iconfont icon-shequneiicon-"></i></p>
                        </div>
                        <p class="tip">未通过，请重新上传</p>
                    </div>



                        <div class="caption-1 clearfix">
                            <span class="tit">登记单</span>
                            <!-- <div class="case-tip" data-w="750" data-h="1050" data-src="images/case/case_img_djd.jpg">
                                <i class="iconfont icon-Exclamation_mark"></i>查看示例照片
                            </div> -->
                        </div>
                        <div class="upload-haspic success" data-src="uploads/01.png">
                        <div class="pic"><img src="uploads/01.png"></div>
                            <p class="reupload"><i class="iconfont icon-shequneiicon-"></i></p>
                            <p class="tip">审核通过</p>
                        </div>
                        <!--  -->
                        <!--  -->
                        <p class="mt50"><input type="submit" value="立刻上传" class="coms-btn primary"></p>
                <input type="hidden"  />
                <input type="hidden"  />
                <input type="hidden"  />
        </form>
    </div>
    <!-- photoswiper start*********************************************** -->
    <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
        <!-- Background of PhotoSwipe. 
         It's a separate element as animating opacity is faster than rgba(). -->
        <div class="pswp__bg"></div>
        <!-- Slides wrapper with overflow:hidden. -->
        <div class="pswp__scroll-wrap">
            <!-- Container that holds slides. 
            PhotoSwipe keeps only 3 of them in the DOM to save memory.
            Don't modify these 3 pswp__item elements, data is added later on. -->
            <div class="pswp__container">
                <div class="pswp__item"></div>
                <div class="pswp__item"></div>
                <div class="pswp__item"></div>
            </div>
            <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. -->
            <div class="pswp__ui pswp__ui--hidden">
                <div class="pswp__top-bar">
                    <!--  Controls are self-explanatory. Order can be changed. -->
                    <div class="pswp__counter"></div>
                    <button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
                    <button class="pswp__button pswp__button--share" style="display:none;" title="Share"></button>
                    <button class="pswp__button pswp__button--fs" style="display:none;" title="Toggle fullscreen"></button>
                    <button class="pswp__button pswp__button--zoom" style="display:none;" title="Zoom in/out"></button>
                    <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR -->
                    <!-- element will get class pswp__preloader--active when preloader is running -->
                    <div class="pswp__preloader">
                        <div class="pswp__preloader__icn">
                            <div class="pswp__preloader__cut">
                                <div class="pswp__preloader__donut"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap" style="display:none;">
                    <div class="pswp__share-tooltip"></div>
                </div>
                <button class="pswp__button pswp__button--arrow--left" style="display:none;" title="Previous (arrow left)">
                </button>
                <button class="pswp__button pswp__button--arrow--right" style="display:none;" title="Next (arrow right)">
                </button>
                <div class="pswp__caption" style="display:none;">
                    <div class="pswp__caption__center"></div>
                </div>
            </div>
        </div>
    </div>
    <!-- photoswiper end*********************************************** -->
    <script type="text/javascript" src="js/zepto.js"></script>
    <script type="text/javascript" src="js/mDialog.js"></script>
    <script type="text/javascript" src="js/plupload/moxie.js"></script>
    <script type="text/javascript" src="js/plupload/plupload.dev.js"></script>
    <script type="text/javascript" src="js/plupload/i18n/zh_CN.js"></script>
    <script type="text/javascript" src="js/uploadfile.js"></script>
    <link rel="stylesheet" type="text/css" href="js/photoSwiper/photoswipe.css">
    <link rel="stylesheet" type="text/css" href="js/photoSwiper/default-skin/default-skin.css">
    <script type="text/javascript" src="js/photoSwiper/photoswipe.min.js"></script>
    <script type="text/javascript" src="js/photoSwiper/photoswipe-ui-default.min.js"></script>
    <script type="text/javascript" src="js/uploadHTZL.js"></script>
</body>

</html>